/* static/css/styles.css */

/* 全局样式 */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
    padding-bottom: 60px; /* 为页脚预留空间 */
}

/* 表格样式 */
table th, table td {
    vertical-align: middle !important;
}

/* Modal 中的提交列表 */
.modal-body ul {
    list-style-type: none;
    padding-left: 0;
}

.modal-body ul li {
    background-color: #f1f3f5;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

/* 按钮样式 */
.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
}

/* 页脚样式 */
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* 自定义表单控件 */
form input[type="text"],
form input[type="date"],
form select {
    border-radius: 4px;
}

/* 响应式调整 */
@media (max-width: 576px) {
    .navbar-brand {
        font-size: 1.2rem;
    }
    .btn {
        font-size: 0.9rem;
    }
    table th, table td {
        font-size: 0.9rem;
    }
}
